<template> 
<div id="app">
  <div>
  <br>
  <form class="form-inline">
  <label for="name">&nbsp;订单名称:</label>
  <input type="text" class="form-control" id="usnameval" placeholder="请输入订单名称" >
  <label for="name">&nbsp;合同号:</label>
  <input type="text" class="form-control" id="usnameval" placeholder="请输入合同号" >
  <label for="name">&nbsp;单位:</label>
  <input type="text" class="form-control" id="citySel" readonly="readonly" placeholder="请选择单位">
   <button type="button" class="btn btn-primary">查询</button>
   <button type="button" class="btn btn-success" id="add"  data-toggle="modal" data-target="#myModal">新增</button>
   <!--<button type="button" class="btn btn-primary"  >开启</button>
 <button type="button" class="btn btn-primary" id="add"  data-toggle="modal" data-target="#myModal">关闭</button>!-->
  <button type="button" class="btn btn-success" id="update" style="display:none"  data-toggle="modal" data-target="#myModal">新增</button>
  </form>
  </div>
  <div>
<div id="menuContent" class="menuContent" style="display:none;z-index:1; position: absolute;width:196px">
	<!--<ul id="treeDemo" class="ztree" style="margin-top:0; width:195px; height: 300px;"></ul>-->
     <loading></loading>
</div>
 <div id="menuContenttow" class="menuContent" style="display:none;z-index:100000; position: absolute;width:468px">
	<!--<ul id="treeDemo" class="ztree" style="margin-top:0; width:195px; height: 300px;"></ul>-->
     <loadingtow></loadingtow>
</div>
  </div>
<br>
<div class="jqGrid_wrapper"> 
                        <table id="table_list_1"></table>
                        <div id="pager_list_1"></div>
                    </div>
<!-- 模态框（Modal） -->
<div>
 <div class="modal fade" id="myModal"  style="overflow:auto"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" >
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">新增</h4>
                </div>
                <div class="modal-body" >
                    <form class="form-horizontal" role="form"> 
  <div class="form-group" >
    <label for="firstname" class="col-sm-3 control-label">合同编号<sqan style="color:red">*</sqan></label>
    <div class="col-sm-9">
      <input type="text" class="form-control" maxlength="20" id="order_serialno"  placeholder="请输入合同编号">
     <span style="color: brown;"></span>
    </div>
  </div>

<div class="form-group" >
    <label for="firstname" class="col-sm-3 control-label">名称<sqan style="color:red">*</sqan></label>
    <div class="col-sm-9">
      <input type="text" class="form-control" maxlength="200" id="name"  placeholder="请输入订单名称">
     <span style="color: brown;"></span>
    </div>
  </div>



   <div class="form-group" >
    <label for="firstname" class="col-sm-3 control-label">单位名称<sqan style="color:red">*</sqan></label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="company_name" readonly="readonly"  placeholder="请输入上级名称">
    <input type="hidden" id="co_id" value="">

     <span style="color: brown;"></span>
     <div id="menuContenttow" class="menuContent" style=" display:none;z-index:999999; position: absolute;width:418px">
	<!--<ul id="treeDemo" class="ztree" style="margin-top:0; width:195px; height: 300px;"></ul>-->
     <loadingtow></loadingtow>
</div>
    </div>
  </div>
   <div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">客户名称</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="customername" maxlength="11"  placeholder="请输入客户名称"><span style="color: brown;"></span>
    </div>
  </div>

  <div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">开始日期</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="starttime"  placeholder="请输入联系电话"><span style="color: brown;"></span>
    </div>
  </div>

  <div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">结束日期</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="endtime"  placeholder="请输入联系电话"><span style="color: brown;"></span>
    </div>
  </div>

<div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">订单类型</label>
    <div class="col-sm-9">
     <select id="Ordertype" class="form-control">
      <option value="0">立即发送</option><option value="1">计划发送</option>
     </select>
    </div>
  </div>
<!--<div class="form-group" >
    <label for="firstname" class="col-sm-3 control-label">功能模块<sqan style="color:red">*</sqan></label>
    <div class="col-sm-9">
 <input type="text" class="form-control" id="citySel" readonly="readonly" placeholder="请选择功能模块">
       <span style="color: brown;"></span>

        <div id="menuContentmk" class="menuContentmk" style=" display:none;z-index:999999; position: absolute;width:418px">
	<ul id="treeDemo" class="ztree" style="margin-top:0; width:195px; height: 300px;"></ul>
     <functionalmodule></functionalmodule>
</div>
    </div>
  </div>-->
<div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">播放标志</label>
    <div class="col-sm-9">
      <select id="Lgsv_server_id" class="form-control"></select>
    </div>
  </div>
<div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">审核人员</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="push_account"   placeholder="请输入用户名">
       <span style="color: brown;"></span>
    </div>
  </div>
 <div class="form-group">
    <label for="firstname" class="col-sm-3 control-label">说明</label>
    <div class="col-sm-9">
   <textarea class="form-control" rows="3" id="explain" ></textarea>
    </div>
  </div>
  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" id="add">保存</button>
                </div>
               
</form>
                </div>
            </div>

</div>   </div></div></div>
</template>
<style>
@import '../../../../static/css/ztree/metroStyle.css';
</style>
<style  scoped>
 ul.ztree {
    margin-top: 10px;
    border: 1px solid #617775;
    background: #f0f6e4;
    width: 210px;
    height: 360px;
    overflow-y: scroll;
    overflow-x: auto;
}
.ztree {
    margin: 0;
    padding: 5px;
    color: #333;
}
  ::-webkit-scrollbar {
            width: 6px;
            /*height: 6px;*/
        }
        /*正常情况下滑块的样式*/
      ::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.05);
            border-radius: 10px;
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*鼠标悬浮在该类指向的控件上时滑块的样式*/
        :hover::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.2);
            border-radius: 10px;
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*鼠标悬浮在滑块上时滑块的样式*/
       ::-webkit-scrollbar-thumb:hover {
            background-color: rgba(0,0,0,.4);
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*正常时候的主干部分*/
        ::-webkit-scrollbar-track {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
            background-color: white;
        }
        /*鼠标悬浮在滚动条上的主干部分*/
        ::-webkit-scrollbar-track:hover {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4);
            background-color: rgba(0,0,0,.01);
        }
/* @import '../../../../static/css/home/bootstrap.min.css';*/
 </style>
<script>
//import loading from '../../../../static/js/Tree/companyTree.js'
//import loadingtow from '../../../../static/js/Tree/companyTreetow.js'
//import Vue from 'vue';
//Vue.use(loading);
import '../../../../static/js/jqgrid/jquery.jqGrid.min.js';
import '../../../../static/js/jqgrid/grid.locale-cn.js';
import  '../../../../static/js/page/Order/list.js';
import loading from '@/views/tree/companylist.vue';
import loadingtow from '@/views/tree/company.vue';
import '../../../../static/js/md5.js';
 export default { 
    name: 'app', 
    data(){
        return{
       
          //selected:"",
         //lgvsRole:"",
        // userinfo:"",
        // selectedsex:"",
        // selectedzt:"",
          // selected: '01',   // 这里选择默认项
      }
    },
     mounted(){  
     //console.log(hex_md5("123456").toUpperCase());
   //var self = this;
   // domain.jsonthis=this;
    // var json=[{"user_name":123}];
   // this.userinfo=json;alert(this.userinfo);
// hex_md5("123456").toUpperCase()fcomponent
   // console.log(json.libraryBooks);
       //self.userinfo=json.libraryBooks;
    },
    methods:{
   
    },
    components: {
        loading : loading,
      loadingtow: loadingtow
 
 }
}

</script>